<template>
  <div>
    <h2>商品相关信息</h2>
    <div>
      <div>
        商品id: <strong>{{ goodInfo.goodInfo }}</strong>
      </div>
      <div>
        商品名称: <strong>{{ goodInfo.goodName }}</strong>
      </div>
      <div>
        商品描述:
        <slot name="desc" :desc="goodInfo.desc">这是一本好书</slot>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    goodInfo: Object,
  },
}
</script>

<style scoped>
img {
  height: 80px;
}
</style>
